ようこそPROMPへ

PROMPを​使えば​あなたも​アーティストに​なれます。​直感的な​操作で、​あなたの​創造力を​形にし、​豊富な​キーワードから​瞬時に​プロンプトを​生成します。

主な機能

PROMPの機能と特徴について以下に説明します。詳細は使い方の章をご参照ください。

• プロンプトの選択
• 生成出力
• ステータス
• リセット
• 検索
• 使い方
• お問い合わせ
• プライバシーポリシー
• 免責事項

開発者について

2024年にHAL大阪グラフィックデザイン学科グラフィックデザイン専攻を卒業し、現在社会人2年目を迎えています。グラフィックデザイナーとしての活動に加え、学生時代からWEBデザイン、動画編集、3DCGなど幅広い分野を探究してきました。これらの経験を基に、WEBデザインの知見とJavaScriptの技術を組み合わせ、プロンプトメーカー「PROMP」を開発しました。

仕様上の注意点

Warning

フォームには自由記入欄がありますが、Stable Diffusionなどの画像生成AIは英語のプロンプトにのみ対応しているため、入力は英語に限定しています。現在は独学で無償開発を進めており、今後は翻訳機能の実装方法の理解と料金体系の検討を行いながら、開発を継続していきます。

システム構成

■ PROMP
    ・index.html  # プロンプトを生成するメインの画面になります。
    ・https://form.run/@arstchi-multidesigner-xpOlZWBF8MG4hnSyUueO  # 外部のお問い合わせのサイトになります。
    ・index.html  # 現在、閲覧している使い方のドキュメントサイトになります。

    ┣■ css/
        ・bootstrap.css  # Boostrap5で制作したレスポンシブデザインと高品質なUIの機能になります。
        ・custom.css  # Boostrap5ではできないデザインの微調整を行うための機能になります。

    ┣■ images/
        ・favicon.svg  # ブラウザのタブに表示されるアイコンになります。
        ・promp logo.svg  # ヘッダーに掲載されている「PROMP」のロゴマークになります。
        ・icons/
            （省略）# アコーディオンのヘッダーに配置するアイコンの画像です。
            form-icons/
            （省略）# 選択項目に付いているアイコンの画像です。

    ┣■ deta list/
        ・motif.json  # モチーフのリストデータになります。
        ・prompts.json  # プロンプトのリストデータになります。

    ┣■ js/
        ・conversion of motif.js  # motif.jsonからモチーフを選択するフォームを生成する機能になります。
        ・conversion of prompt.js  # prompts.jsonからプロンプトを選択するフォームを生成する機能になります。
        ・generate.js  # フォームで選択したプロンプトから１文にまとめたプロンプトやネガティブプロンプトに変換する機能になります。
        ・only english alart.js  # 自由に記入するフォームで日本語の入力を制限する機能になります。
        ・privacypolicy alart.js  # 「PROMP」のウェブサイトに初めてアクセスした時に限り、プライバシーポリシーを提示する機能になります。
        ・reset.js  # 選択や入力を行ったフォーム全てを初期化する機能になります。
        ・searching.js  # 全てのフォームの中からキーワードを検索する機能になります。
        ・status of motif.js  # 現在選択しているモチーフをリスト化して表示する機能になります。
        ・status of prompts.js  # 現在選択しているプロンプトをリスト化して表示する機能になります。
        ・usability.js  # 様々な機能の利便性を上げるための機能になります。（例：入力無効化やボタンの機能など）
・promp-sitemap.xml　# Googleの検索結果に出るための設定ファイルです。